.box1{
    width: 10%;
	height:0;
    margin: 2% 2%;
    padding: 2%;
    padding-bottom: 12%;
    text-align: center;
    position:relative;
    display: inline-block;
    background-color:#6dc8f8;  
    filter:alpha(Opacity=85);-moz-opacity:0.85;opacity: 0.85;   
    border-radius:50%;
   
}
.box1 h1{padding:10%;color:#ffffff; font-size:3vw; }
.box1 img{width: 100%;}
.box2{
    width: 10%;
	height:0;
    margin: 2% 2%;
    padding: 2%;
    padding-bottom: 12%;
    text-align: center;
    position:relative;
    display: inline-block;
    background-color:#E8B73F;  
    filter:alpha(Opacity=85);-moz-opacity:0.85;opacity: 0.85;  
    border-radius:50%;
   
}
.box2 h1{padding:10%;color:#ffffff;font-size:3vw; }
.box2 img{width: 100%;}
.box3{
    width: 10%;
	height:0;
    margin: 2% 2%;
    padding: 2%;
    padding-bottom: 12%;
    text-align: center;
    position:relative;
    display: inline-block;
    background-color:#EA00FF;  
    filter:alpha(Opacity=85);-moz-opacity:0.85;opacity: 0.85;   
    border-radius:50%;
}
.box3 h1{padding:10%;color:#ffffff;font-size:3vw; }
.box3 img{width: 100%;}
.box4{
    width: 10%;
	height:0;
    margin: 2% 2%;
    padding: 2%;
    padding-bottom: 12%;
    text-align: center;
    position:relative;
    display: inline-block;
    background-color:#0CE8D0;  
    filter:alpha(Opacity=85);-moz-opacity:0.85;opacity: 0.85;   
    border-radius:50%;
}
.box4 h1{padding:10%;color:#ffffff;font-size:3vw; }
.box4 img{width: 100%;}
.box1rightblank{width: 20% height:100%;float: right;}
.box1left{height: 100%;width: 12%;float: left;clear: both;}
.box1right{height: 100%;width: 12%;float: right;}
.blankbox{height: 8%;width: 20%;}